<%@ page contentType="text/html; charset=UTF-8"%>
<%@ page import="java.util.*"%>
<%@ page import="com.sinodata.bsm.common.vo.Probe"%>
<%@ include file="../include/taglib.jsp"%>

<%
    response.setHeader("Cache-Control", "no-store");
			response.setHeader("Pragrma", "no-cache");
			response.setDateHeader("Expires", 0);
			Long id = Long.parseLong(request.getParameter("id"));
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>SSH2测试页面</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<%@ include file="../include/common.jsp"%>
<%@ include file="../include/jbox.jsp"%>
<%@ include file="../include/table.jsp"%>


<style>
.desc_limit {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 300px;
}

.oid_limit {
	white-space: normal;
	overflow: auto;
	word-wrap: break-word ;
	width:400px;
}

.top {
	padding: 0px 0px 2px 0px;
	position: relative;
	width: 95%;
	float: left;
}


.top ul {
	text-decoration: none;
	border-style: none;
	padding: 0;
	margin: 0;
	height: 30px;
	display: block;
}

.top-li {
	float: left;
	height: 20px;
	margin-top: 5px;
	margin-left: 5px;
    font-weight:bold; 
    border-bottom: 1px solid gray;
}

.li-a-btn{
	float: right;
	height: 20px;
	margin-top: 5px;
	margin-left: 5px;
	font-weight:bold; 
}


</style>

<script type=text/javascript>
	$(function() {
		initTable();
	});

	function initTable() {
		var oTable = $('#indiclist')
				.dataTable(
						{
							"bProcessing" : false,
							"bServerSide" : true,
							"sServerMethod" : 'POST',
							"sAjaxSource" : '${pageContext.request.contextPath}/selfmainten/net-work!indecList.action',
							"bPaginate" : false,
							"bSort" : true,
							"bFilter" : false,
							"bJQueryUI" : false,
							"sPaginationType" : "full_numbers",
							"sDom" : 'rt <"bottom"flpi>',
							"aoColumns" : [ {
								"mDataProp" : "id"
							}, {
								"mDataProp" : "name",
								"bSortable" : false
							}, {
								"mDataProp" : "oid",
								"bSortable" : false
							}, {
								"mDataProp" : "unit",
								"bSortable" : false
							}, {
								"mDataProp" : "desc",
								"bSortable" : false
							} ],
							"oLanguage" : {
								"sInfo" : "共 _TOTAL_ 条记录",
								"sInfoEmpty" : "没有找到记录"
							},
							"fnServerParams" : function(aoData) {
								aoData.push({
									'name' : 'id',
									'value' :
<%=id%>
	});
							}
						});
	}

	function datagrid() {
		var oTable = $("#indiclist").dataTable();
		oTable.fnPageChange("first", true);
	}
	
	function back(){
		var backUrl = document.referrer;
		location.assign(backUrl);
	}

	function view(id) {
		location
				.assign("${pageContext.request.contextPath}/selfmainten/net-work!view.action?id="
						+ id);
	}
</script>

</head>
<body>
	<div class="top">
		<ul >
			 <li  class="top-li"><span >设备:</span>
				     <span id="probeid"  >${name}</span>
		     </li>
		     <li class="li-a-btn"><a id="return" name="common" href="javascript:back();"> 返回 </a>
		     </li>
		</ul>
	</div>
	<div style="margin:0px 5px 15px 0px;">
		<table id="indiclist" name="indiclist" width="99%" cellpadding="0"
			cellspacing="0" border="0" class="display">
			<thead>
				<tr>
					<th width="1%">ID</th>
					<th width="4%">名称</th>
					<th width="8%">OID</th>
					<th width="1%">单位</th>
					<th width="6%">描述</th>
				</tr>
			</thead>
			</div>
</body>
</html>